.app-page-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.app-page-section img {
  max-width: 100%;
}
.app-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: auto;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.app-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.525rem;
  padding-top: 0.45rem;
  background: #f5f5f5;
  border-top: 1px solid #cacaca;
}
.app-footer a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  text-align: center;
  color: #6c6c6c;
  font-size: 0.45rem;
}
.app-footer span {
  display: block;
  height: 1rem;
  margin-bottom: 0.275rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.app-footer .app-icon-home {
  background-image: url('../images/common/icon-home.png');
}
.app-footer .app-icon-cart {
  background-image: url('../images/common/icon-cart.png');
}
.app-footer .app-icon-member {
  background-image: url('../images/common/icon-member.png');
}
.app-footer a.active {
  color: #46a0f0;
}
.app-footer a.active .app-icon-home {
  background-image: url('../images/common/icon-home-a.png');
}
.app-footer a.active .app-icon-cart {
  background-image: url('../images/common/icon-cart-a.png');
}
.app-footer a.active .app-icon-member {
  background-image: url('../images/common/icon-member-a.png');
}
